.edit-con-r {
  .componentDetail {
    .component-title {
      position : relative
      padding : 23px 0 25px
      font-size : 24px;
      color : #999999;
      cursor : default
      &.history {
        padding-left : 30px
      }
      .back-history {
        position : absolute
        left : 0
        cursor : pointer;
      }
      .router-title {
        margin-top : 10px
        font-size : 16px
        .rotuer {
          //color : #4A96FF;
          //cursor : pointer;
        }
        > span:last-child .rotuer{
          color : #999999;
          cursor : default
        }
      }
    }
    .component-con {
      width : 58.82%
      .g-title {
        position : relative
        padding : 22px

        &.group-flip-page {
          cursor : pointer
        }

        i {
          position : absolute
          right : 20px
          padding : 0 5px
          font-size : 15px
          color : #aaa
        }
      }

      .f-title {
        margin-bottom : 10px
        font-size : 12px;
        color : #999999;
      }
      .component-g {
        margin-bottom : 20px
        overflow : hidden
        background-color : #F5F5F5;
        font-size : 14px;
        color : #333333;
        .component-f-con .f-value {
          padding : 0
          font-size : 14px;
          color : #333333;
        }
      }

      .component-f {
        margin-bottom : 20px
        cursor : default;
        &:last-child {
          margin-bottom : 0
        }

        &.flip-page {
          cursor : pointer
          .component-f-con {
            position : relative
            padding : 10px 0 10px 40px
            border-bottom : 1px solid #E1E1E1
            font-size : 14px;
            color : #333333;
            &:last-child {
              border-bottom : 0
            }
          }
          .f-title {
            font-size : 14px;
            color : #333333;
            margin-bottom : 0
            i {
              position : absolute
              right : 20px
              top : 50%
              color : #aaa
              transform : translateY(-50%)
            }
          }
        }
        .f-value {
          font-size : 14px
          padding-left 10px
          word-wrap : break-word;
        }
      }
      .f-value.f-value3100 {
        width : 80%
        padding : 10px
        font-size : 14px;
        background-color : #F5F5F5;
        a {
          color : #4A96FF;
        }
      }
      .f-value9390 {

        label {
          display : block
          padding : 10px 0
          border-bottom : 1px solid #ccc
        }
        .prize-value {
          display : none
          padding-left 15px
          cursor default
        }
        .ivu-checkbox-wrapper-checked .prize-value {
          display : block
        }
      }

      .add-component-f-con {
        padding : 20px
        text-align : center
        border : 1px solid #cccccc
      }

      .necessary {
        color : #e03448
      }
    }
  }
}


